<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>移动端_商城例子</title>
		<meta name="viewport" content="width=device-width,user-scalable=no" />
		<script>
			(function(){
				var html = document.documentElement;
				var hWidth = html.getBoundingClientRect().width; 
				html.style.fontSize = hWidth/15 +'px';
			})()
		</script>
		<link href="../css/6 demolist1.css" rel="stylesheet" />
		<link href="../bs/css/bootstrap.css" rel="stylesheet" />
	</head>
	<body>
		<!--
			rem / em
			r root 根节点的字体大小, 
		-->
		<header id="header">
			<a href="javascript:;" id="task"><span class="glyphicon glyphicon-tasks"></span></a>
			<h1><span class="glyphicon glyphicon-lock"></span>huacai</h1>
			<a href="javascript:;" id="refresh"><span class="glyphicon glyphicon-repeat"></span></a>
		</header>
		<nav id="nav">
			<a class="active" href="javascript:;">综合<span class="glyphicon glyphicon-chevron-down"></span></a>
			<a href="javascript:;">销量</a>
			<a href="javascript:;">价格<span id="spanBox"><span class="glyphicon glyphicon-chevron-up"></span><span class="glyphicon glyphicon-chevron-down active"></span></span></a>
			<a href="javascript:;">筛选<span class="glyphicon glyphicon-filter"></span></a>
		</nav>
		<section id="wrap">
			<ul id="list">
				<li>
					<a href="javascript:;">
						<img src="../img/02.jpg" />
						<span class="spanWrap">
							<span class="sTitle">vivo X7全网通4G自拍美颜拍照智能手机指纹超薄大屏双卡vivox7</span>
							<span class="sPrice">￥2498.00</span>
							<span class="sComment">好评96% 59091人</span>
						</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="../img/02.jpg" />
						<span class="spanWrap">
							<span class="sTitle">vivo X7全网通4G自拍美颜拍照智能手机指纹超薄大屏双卡vivox7</span>
							<span class="sPrice">￥2498.00</span>
							<span class="sComment">好评96% 59091人</span>
						</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="../img/02.jpg" />
						<span class="spanWrap">
							<span class="sTitle">vivo X7全网通4G自拍美颜拍照智能手机指纹超薄大屏双卡vivox7</span>
							<span class="sPrice">￥2498.00</span>
							<span class="sComment">好评96% 59091人</span>
						</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="../img/02.jpg" />
						<span class="spanWrap">
							<span class="sTitle">vivo X7全网通4G自拍美颜拍照智能手机指纹超薄大屏双卡vivox7</span>
							<span class="sPrice">￥2498.00</span>
							<span class="sComment">好评96% 59091人</span>
						</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="../img/02.jpg" />
						<span class="spanWrap">
							<span class="sTitle">vivo X7全网通4G自拍美颜拍照智能手机指纹超薄大屏双卡vivox7</span>
							<span class="sPrice">￥2498.00</span>
							<span class="sComment">好评96% 59091人</span>
						</span>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="../img/02.jpg" />
						<span class="spanWrap">
							<span class="sTitle">vivo X7全网通4G自拍美颜拍照智能手机指纹超薄大屏双卡vivox7</span>
							<span class="sPrice">￥2498.00</span>
							<span class="sComment">好评96% 59091人</span>
						</span>
					</a>
				</li>
			</ul>
		</section>
		
	</body>
</html>
